//created by: Justina Lee

Ext.define("MajorProjectSenchaTouch.view.Home", {
    extend: 'Ext.Container',
    xtype: 'homecard',
    requires:[
    'MajorProjectSenchaTouch.view.OpeningHoursModule.OpeningHours',
    'MajorProjectSenchaTouch.view.SearchModule.BasicSearch',
    ],
    id:'homePanel',
    config: {
        style: 'background-color: #343433',
        layout:{
            fullscreen:true,
            type:'fit'
        },
        tabBar:{
            docked: 'top',
            layout:{
                pack: 'center'
            }
        },
        iconCls: 'search',
        title: 'Search',
        items:[
        {
            xtype: 'toolbar',
            ui: 'light',
            docked: 'top',
            layout: {
                pack: 'center'
            },
            items:[
            {
                xtype: 'segmentedbutton',
                id: 'homeSegmentedBtn',
                items:[
                { 
                    text: 'Home',
                    pressed: true,
                    action: 'goHome'
                },
                {
                    text: 'Library Updates',
                    action: 'goLibraryUpdates'
                },
                {
                    text: 'Opening Hours',
                    action: 'goOpeningHours'                           
                },
                {
                    text: 'Contact Us',
                    action: 'goContactUs'
                },
                

                ]
            }
            ]                
        },
        {
            xtype: 'basicsearchpanel',
            scrollable: true
        }        
        ]
    }
});